<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style> 
    *{margin:0;padding: 0;}
    .head{
        line-height: 60px;
        text-align: center;
        background-color: rgb(200, 242, 243);
        color: #000;
        font-weight: bold;
        margin: auto;
    }
    .content{
        width: 400px;
        height: 650px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(images/timg2.jpg);
    }
   .serch{
       width: 300px;
       height: 30px;
       margin-top: 10px;
       margin-bottom: 10px;
   }
   .btu{
       width: 80px;
       height: 30px;
       background-color: rgb(159, 250, 245);
       margin-left: 0px;
   }
   .title{
       line-height: 50px;
       color: rgb(52, 136, 245);
       text-align: left;
       margin-left: 50px;
       
   }
   .img{
       width: 380px;
       height: 250px;
       margin-left: 10px;
   }
   .paragraph{
       line-height: 50px;
       margin-left: 10px;
   }
    </style>
</head>
<body>
    <h3 class="head">个人网站</h3>
    <div class="content">
        <input type="text" class="serch">
        <button class="btu">百度一下</button>
        <h3 class="title">|About Us|</h3>
        <img class="img" src="images/timg1.jpg" alt="">
        <p class="paragraph">关于单纯的信任</p>
        <p class="paragraph">关于拥抱的心疼</p>
        <p class="paragraph">关于青春 那件傻事的余震</p>
        <p class="paragraph">就用这一首歌来作证</p>
        <p class="paragraph">2015年 周笔畅 反思青春 温情解读关于（我们）</p>
        <a href="https://www.baidu.com/">去百度</a>
        <a href="https://ai.taobao.com/?pid=mm_43125636_4246598_110178550458&union_lens=lensId%3APUB%401585642516%400b152c5a_0df8_1712fa8afc5_063d%4001">去淘宝</a>
    </div>
</body>
</html>